<template>
		<Row>
			<Col span="2" push="11">
			<div style="margin:10px;">带内容</div>
			<Button type="info" @click="info(false)">Info</Button>
			<Button type="success" @click="success(false)">Success</Button>
			<Button type="warning" @click="warning(false)">Warning</Button>
			<Button type="error" @click="error(false)">Error</Button>
			<div style="margin:10px;">只是标题</div>
			<Button type="info" @click="info(true)">Info</Button>
			<Button type="success" @click="success(true)">Success</Button>
			<Button type="warning" @click="warning(true)">Warning</Button>
			<Button type="error" @click="error(true)">Error</Button>
			</Col>
		</Row>
</template>

<script>
	export default {
		methods: {
			info(nodesc) {
				this.$Notice.info({
					title: 'Notification title',
					desc: nodesc ? '' : 'Here is the notification description. Here is the notification description. '
				});
			},
			success(nodesc) {
				this.$Notice.success({
					title: 'Notification title',
					desc: nodesc ? '' : 'Here is the notification description. Here is the notification description. '
				});
			},
			warning(nodesc) {
				this.$Notice.warning({
					title: 'Notification title',
					desc: nodesc ? '' : 'Here is the notification description. Here is the notification description. '
				});
			},
			error(nodesc) {
				this.$Notice.error({
					title: 'Notification title',
					desc: nodesc ? '' : 'Here is the notification description. Here is the notification description. '
				});
			}
		}
	}
</script>

<style>

</style>